﻿@{
    ViewBag.Title = "表格";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/grids")
}
<!--main content start-->
<section id="main-content">
    <section class=" wrapper site-min-height">
        <div class="row">
            <div class="col-lg-12"> <p>基于 Bootstrap 网格系统.</div>
            <div class="col-lg-12">
                <section class="panel">
                    <div class="panel-body">col-lg-12</div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <section class="panel">
                    <div class="panel-body">col-lg-6</div>
                </section>
            </div>
            <div class="col-lg-6">
                <section class="panel">
                    <div class="panel-body">col-lg-6</div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4">
                <section class="panel">
                    <div class="panel-body">col-lg-4</div>
                </section>
            </div>
            <div class="col-lg-4">
                <section class="panel">
                    <div class="panel-body">col-lg-4</div>
                </section>
            </div>
            <div class="col-lg-4">
                <section class="panel">
                    <div class="panel-body">col-lg-4</div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3">
                <section class="panel">
                    <div class="panel-body">col-lg-3</div>
                </section>
            </div>
            <div class="col-lg-3">
                <section class="panel">
                    <div class="panel-body">col-lg-3</div>
                </section>
            </div>
            <div class="col-lg-3">
                <section class="panel">
                    <div class="panel-body">col-lg-3</div>
                </section>
            </div>
            <div class="col-lg-3">
                <section class="panel">
                    <div class="panel-body">col-lg-3</div>
                </section>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-2">
                <section class="panel">
                    <div class="panel-body">col-lg-2</div>
                </section>
            </div>
            <div class="col-lg-2">
                <section class="panel">
                    <div class="panel-body">col-lg-2</div>
                </section>
            </div>
            <div class="col-lg-2">
                <section class="panel">
                    <div class="panel-body">col-lg-2</div>
                </section>
            </div>
            <div class="col-lg-2">
                <section class="panel">
                    <div class="panel-body">col-lg-2</div>
                </section>
            </div>
            <div class="col-lg-2">
                <section class="panel">
                    <div class="panel-body">col-lg-2</div>
                </section>
            </div>
            <div class="col-lg-2">
                <section class="panel">
                    <div class="panel-body">col-lg-2</div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12"> <p>移动设备, 平板电脑, and 桌面应用</p> </div>
        </div>
        <div class="row">
            <div class="col-lg-4">
                <div class="row">
                    <div class="col-xs-6">
                        <section class="panel">
                            <div class="panel-body">col-xs-6</div>
                        </section>
                    </div>
                    <div class="col-xs-6">
                        <section class="panel">
                            <div class="panel-body">col-xs-6</div>
                        </section>
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <section class="panel">
                    <div class="panel-body">col-lg-8</div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-sm-6">
                        <section class="panel">
                            <div class="panel-body">col-sm-6</div>
                        </section>
                    </div>
                    <div class="col-sm-6">
                        <section class="panel">
                            <div class="panel-body">col-sm-6</div>
                        </section>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <section class="panel">
                    <div class="panel-body">col-lg-6</div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8">
                <div class="row">
                    <div class="col-md-6">
                        <section class="panel">
                            <div class="panel-body">col-md-6</div>
                        </section>
                    </div>
                    <div class="col-md-6">
                        <section class="panel">
                            <div class="panel-body">col-md-6</div>
                        </section>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <section class="panel">
                    <div class="panel-body">col-lg-4</div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <section class="panel">
                    <div class="panel-body">col-sm-6</div>
                </section>
            </div>
            <div class="col-sm-6">
                <section class="panel">
                    <div class="panel-body">col-sm-6</div>
                </section>
            </div>
        </div>
    </section>
</section>
<!--main content end-->